#left_pane_wrapper { /* this corresponds to the whole left panel of the dashboard */
	width: 17%;
	height: 565px;
	float: left;
	padding-right: 3px;
	background-color: gray;
}

#right_pane_wrapper { /* this corresponds to the whole right panel of the dashboard */
	width: 82%;
	height: 550px;
	float: left;
}

.dashboard_wrapper { /* this corresponds to the content wrapper of each tab of the dashboard */
	/*height: 500px;*/
}

#logo { /* this corresponds to the logo located at the left panel  */
	height: 100px;
	background-color: #add3e6;
}

#left_pane_notification {
	margin-top: 3px;
	margin-left: 3px;
}

#left_notification_panel {
	font-size: 10px;
}

#left_pane_calendar {
	margin-top: 3px;
	margin-left: 3px;
}

#dashboard_clients_panel {
	width: 98%;	
	position: relative;
	float: left;
	margin-right: 5px;
	padding: 0px;
}

#dashboard_clients_content_wrapper {
	width: 98%;
	height: 486px;
	padding: 0px;
}

.dashboard_client_item_wrapper {
	width: 98%;
	height: 70px;	
	margin-top: 2px;
	background-color: #FFFFFF;
	border:1px solid #333;
	padding: 2px;
}

#dashboard_notifications_panel {
	width: 360px;	
	position: relative;
	float: left;
	margin-right: 5px;
}

#dashboard_notifications_content_wrapper {
	width: 360px;
	height: 486px;
	padding: 0px;
}

.dashboard_notifications_headeritem_wrapper {
	width: 338px;
	height: 20px;	
	margin-top: 2px;	
	border:1px solid #333;
	padding: 2px;
}

.dashboard_notifications_item_wrapper {
	width: 98%;
	height: 25px;	
	background-color: #FFFFFF;
	border:1px solid #333;
	padding: 2px;
}

.dashboard_notification_item {
	width:255px;
	background-color: #FFFFFF;
	border:1px solid #333;
	padding: 2px;
	margin-top: 1px;
}

#dashboard_notifications_content_wrapper {
	height: 486px;
}

.dashboard_toolbar_panel {
	width: 252px;	
	position: relative;
	float: left;
}

.dashboard_toolbar_content_wrapper {
	height: 486px;
}

.dashboard_toolbar_headeritem_wrapper {
	width: 230px;
	height: 20px;	
	margin-top: 2px;	
	border:1px solid #333;
	padding: 2px;
}

.dashboard_toolbar_item_wrapper {
	width: 230px;
	height: 24px;	
	background-color: #FFFFFF;
	border:1px solid #333;
	padding: 2px;
}

#client_main_panel {
	width: 765px;	
	position: relative;
	float: left;
	margin-right: 5px;
	padding: 0px;
}

.ticket_window {
	width:273px;
	background-color: #FFFFFF;
	border:1px solid #333;
	padding: 2px;
	margin-top: 1px;
}

.referral_window {
	width:224px;
	background-color: #FFFFFF;
	border:1px solid #333;
	padding: 2px;
	margin-top: 1px;
	text-align: right;
}

/* fonts */
.clickable {
	cursor: pointer;
}
.font_small {
	font-size: 11px;
}

.font_bold {
	font-weight:bold;
}

.font_title {
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}

.font_header {
	font-size: 14px;
	font-weight: 100;
	font-family: Verdana, Arial, sans-serif;
}

/* colors */
.color_lightgreen {
	color: #aed3e6;
}

.color_black {
	color: #020202;
}

.color_white {
	color: #ffffff;
}

.color_red {
	color: #FF3300;
}

